

.three{
    
    &-content{

        margin-top: 24px;
        &-row{
            outline: none;
            &-col{
                // list
                &-item{
                    padding: 0 8px;
                    margin-bottom: 16px;
                    &-content{
                        display: block;
                        position: relative;
                        border-radius: 2px;
                        &-bordered{
                            position: relative;
                            
                            list-style: none;
                            
                            padding: 0;
                            margin: 0;
                        }
                    }
                }
            }

        }
    }

    //card header
    &-card-head{
        border: 5px solid #144ec2;
        padding: 0;
        margin: 0;
        border-radius: 3px;
        &-wrapper{
            &-title{
                display: inline-block;
                width: 100%;
                img {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    //card content
    &-card-body{
        background-color: #f5f5f5;
        width: 96%;
        margin: 0 auto;
        padding: 14px;
        border-radius: 0 0 3px 3px; 
        height: 100%;
        min-height: 150px;
        &-wrapper{
            display: inline-block;
            &-title{
                word-wrap: break-word;
                h2{
                    color: #144ec2;
                    font-weight: 600;
                    font-size: 18px;
                }
                &-description{
                    
                }
            }
        }
    }
}